    /**
     * @Viewport
     * @class       : Viewport.js
     * @author      : Mustapha FERHAN
     * @function    : Viewport of the application
     */
radio.views.Viewport = Ext.extend(Ext.Panel, {
    fullscreen: true,
    layout: 'card',
    cardSwitchAnimation: 'slide',
      initComponent: function() {

    	//put instances of cards into app.views namespace
        Ext.apply(radio.views, {
            FifmMenu: new radio.views.FifmMenu()
        });
		
        //put instances of cards into viewport
        Ext.apply(this, {
            items: [
                radio.views.FifmMenu
            ]
        });
        radio.views.Viewport.superclass.initComponent.apply(this, arguments);
    },
    layoutOrientation : function(orientation, w, h) {
    	radio.views.Viewport.superclass.layoutOrientation.call(this, orientation, w, h);        
    }
});
